<template>
  <div>
    <div class="hl4">
      <img src="images/1_10.gif" alt="" />
    </div>
    <div>
      <Demo
        v-for="(v, i) in this.$route.query.textlist"
        :key="i"
        :head="v.txt"
        :heada="v.txta"
        :headb="v.txtb"
      />
    </div>
  </div>
</template>

<script>
import Demo from "./line.vue";
export default {
  data() {
    return {
      textlist: [
        {
          txt: "images/5_03.jpg",
          txta: "热潮涌动聪明资金追逐创新层“优秀选手”",
          txtb: "2021-10-20  10:20",
        },
        {
          txt: "images/5_06.jpg",
          txta: "国家发改委研究依法对煤炭价格实施干预措施",
          txtb: "2021-10-20  10:20",
        },
        {
          txt: "images/5_08.jpg",
          txta: "助推普惠保险发展人身险产品创新提速",
          txtb: "2021-10-20  10:20",
        },
        {
          txt: "images/5_10.jpg",
          txta: "国资委要求央企提升能源安全稳定保障能力",
          txtb: "2021-10-20  10:20",
        },
        {
          txt: "images/5_12.jpg",
          txta: "板块轮动加快机构寻觅新主线",
          txtb: "2021-10-20  10:20",
        },
        {
          txt: "images/5_14.jpg",
          txta: "期货法草案名称拟调整为期货和衍生品法草案",
          txtb: "2021-10-20  10:20",
        },
      ],
    };
  },
  components: {
    Demo,
  },
    beforeRouteLeave(to,from,next){
      console.log(to+"---"+from);
      if(confirm("您确定要离开吗？")){
        next()
      }else{
        next(false)
      }
    }
};
</script>

<style scoped>
.hl4 img {
  width: 100%;
  height: 1.06rem;
}
</style>